公開日: 2025 年 5 月 20 日
Google I/O 2025 では、生産性を飛躍的に高め、より強力でシームレスな最新のウェブを構築するための新機能を発表しました。
次に、最先端の機能を直接利用できる 10 の主要なイノベーションをご紹介します。これらのイノベーションは、次のプロジェクトのヒントになるはずです。
1. カルーセルは、数行の CSS と HTML でこれまで以上に簡単に作成できます
最初のペイント時にインタラクティブになる美しいカルーセルを CSS で作成します。Chrome 135 では、新しい CSS プリミティブ（スタイル設定可能な断片化、スクロール マーカー要素、スクロール ボタン）が導入され、JavaScript を使用せずにカルーセルの作成が簡素化されました。使い慣れた CSS のコンセプトを使用して、リッチでインタラクティブなカルーセルを短時間で作成できます。カルーセルは、スムーズに動作し、アクセスしやすくなります。
2. 宣言型ポップオーバー: 新しい Interest Invoker API のご紹介
試験運用版の Interest Invoker API は、オリジン トライアルとして利用できます。この機能を使用すると、訪問者の関心が短時間アクティブになっているときに、ポップオーバーを宣言的に切り替えることができます。スタイル設定できない [title] 属性に別れを告げ、[interesttarget] にようこそ。これを Anchor Positioning API と Popover API と組み合わせることで、JavaScript を使用せずに、ツールチップやホバーカードなどの豊富でレスポンシブなインタラクティブな UI 要素を作成できます。最新の CSS では、可能性は無限大です。
3. Gemini Nano などの最先端のモデルを使用する複数の組み込み AI API が利用可能で、Prompt API でマルチモーダル機能を利用できるようになりました
Google の組み込み AI の取り組みは継続しており、プライバシーの強化、レイテンシの短縮、費用の削減に加え、AI によって生成された高品質な出力にアクセスできるようになります。組み込み AI は、オンデバイスのタスクにエキスパート モデルと Google の最も効率的なモデルである Gemini Nano を使用します。Chrome 138 以降、Summarizer API、Language Detector API、Translator API、Chrome 拡張機能の Prompt API が安定版で利用可能になりました。また、Writer API と Rewriter API はオリジン トライアルで利用できます。
新しい Proofreader API と、マルチモーダル機能を備えた Prompt API は、Chrome Canary で利用できます。
最新情報については、早期プレビュー プログラムに参加して、新しい組み込み AI API の開発に協力し、ウェブ上の AI の未来を形作ってください。
4. クライアントサイド AI を Firebase と Gemini Developer API で拡張し、ハイブリッド AI ソリューションを提供
Firebase と Gemini Developer API との連携により、モバイルとデスクトップで AI を活用したウェブ エクスペリエンスを構築できるようになりました。これらのアプリケーションは、可能であればクライアントサイド AI を使用し、サーバーサイド AI にシームレスにスケーリングして、すべてのデバイスとブラウザに到達します。本日より、Firebase AI Logic で、Gemini Nano をベースとする Chrome の組み込み Prompt API と、Gemini Developer API を使用したサーバーサイドの小型モデルにシームレスにアクセスできるようになります。
5. Chrome DevTools の AI アシスタンスが、スタイル設定、パフォーマンスなど、さまざまなデバッグ ワークフローをサポート
AI アシスタントを使用すると、Gemini とチャットして、要素パネルでスタイル設定エラーをデバッグしたり、パフォーマンス パネルでパフォーマンスの問題を解決したり、ネットワーク パネルでネットワークの問題を特定したり、ソースパネルでソースファイルを探したりできます。さらに、AI アシスタンスでは、要素パネルでスタイル設定関連の変更をソースコードに直接適用できるようになりました。
6. Chrome DevTools の [パフォーマンス] パネルのリアルユーザー データ、Lighthouse インサイト、AI 機能を使用すると、パフォーマンスの問題を把握して修正できます。
パフォーマンス パネルが刷新され、ローカルと実際のユーザーの Core Web Vitals データにアクセスできるようになりました。また、Gemini に質問して、パフォーマンスの問題を把握して解決することもできます。分析情報サイドバーでは、Lighthouse の分析情報をトレースに表示できるため、ワークフローを中断したり生産性を損なうことなく、迅速なデバッグが可能です。
7. ベースライン機能が、お使いのツール（VS Code、ESLint など）で利用可能に
Baseline を統合すると、ウェブ開発ワークフローの精度と信頼性が向上します。使い慣れたウェブ開発ツールで、主要なブラウザでのウェブ機能の可用性を明確に把握できます。
- IDE: VSCode で、ビルド時に機能のベースライン ステータスが表示されるようになりました。JetBrains の WebStorm と、Firebase Studio、Windsurf、GitHub Codespaces などの VS Code ベースの IDE でも近日サポートされる予定です。
- リンタ: CSS と HTML のリンタを使用すると、ベースライン ターゲットよりも新しい機能が使用されている場合に事前に警告できます。ベースラインは、CSS 用 ESLint、HTML ESLint、Stylelint でサポートされています。
- 分析: RUMvision は、ベースライン データと実際のユーザー指標を組み合わせて、オーディエンスに最適なベースライン バージョンを戦略的に選択できます。Google アナリティクスをご利用のお客様は、Google アナリティクスのベースライン チェッカーにデータをアップロードして、ベースラインに関する推奨事項を入手できます。
- コンパイラ: browserslist-config-baseline を使用して、Baseline ターゲットを Babel や PostCSS などのコードコンパイル ツールにプラグインします。これにより、ソースコードで最新の機能を使用しながら、本番環境ビルドでコンパイルできます。
8. ウェブ プラットフォーム ダッシュボードでウェブ機能のサポート状況を把握する
昨年、ウェブ プラットフォーム ダッシュボードを発表しました。これは、ウェブ プラットフォーム全体を機能のセットとしてマッピングするウェブ特徴データを探索する方法です。ウェブ機能データセットが 100% マッピングされたことで、AVIF からビュー遷移まで、すべてのブラウザのすべての機能のベースライン ステータス（可用性と採用状況を含む）を初めて確認できるようになりました。最新情報を入手して、安心して開発しましょう。
9. 認証情報マネージャーによる簡素化されたログイン エクスペリエンスのデベロッパー向けトライアル
Google は、パスワード、ID 連携、パスキーなど、複数の認証方法がサイトのユーザーに負担をかけることを認識しています。Google は、ユーザーに統一された簡単なログイン エクスペリエンスを提供することを目標としています。そのため、Android の認証情報マネージャーの直感的なエクスペリエンスを Chrome にも導入します。まもなく、ユーザーが [ログイン] をクリックすると、Google パスワード マネージャーのパスキーやパスワードなど、このサイトで使用できる認証情報が Chrome に表示され、シームレスにログインできるようになります。この機能にも ID 連携を追加する予定です。ウェブ用の認証情報マネージャーはデベロッパー向けトライアル版として提供されています。今年中にさらに更新される予定です。
10. 送信審査をキャンセルして Chrome 拡張機能の反復処理を高速化
Chrome 拡張機能の送信は、シームレスで、安心して、ワクワクするものであるべきです。ただし、保留中の送信でミスをすばやく修正できないという問題があることは認識しています。今年の初めに、保留中の送信をキャンセルする機能を導入しました。これは、以前に公開されたバージョンをロールバックする機能に基づくものです。これらの機能は、変更をすばやく行って再送信できるようにすることを目的としています。
最新情報については、developer.chrome.com と web.dev をご覧ください。Google が行っているウェブを強化し使いやすくするための取り組みについて詳しく学ぶことができます。X、YouTube、LinkedIn でもぜひつながってください。次回の I/O でお会いしましょう。
Deloitte とは、1 つ以上の Deloitte Touche Tohmatsu Limited（英国の非公開有限責任会社、「DTTL」）、そのメンバー ファームからなるネットワーク、関連エンティティを指します。DTTL とそのメンバー ファームは、法的に分離された独立エンティティです。DTTL（「Deloitte Global」とも呼ばれます）は、クライアントにはサービスを提供していません。米国では、Deloitte は、DTTL の米国メンバー ファーム、米国で「Deloitte」という名前を使用して事業を行っている関連エンティティ、およびそれぞれの関連会社を指します。特定のサービスは、公会計の規則および規制のために、クライアントの証明で利用できない場合があります。メンバー ファームのグローバル ネットワークについて詳しくは、www.deloitte.com/about をご覧ください。